<!DOCTYPE html>
<html style="background-color: #fff;">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
	<title>数字资产</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body style="background-color:#fff;">
	<div class="content-wrap">
		<div class="select-header">
			<h1>微创联盟</h1>
		</div>
		<div class="assets-wrap">
			<div class="assets-tab">
				<ul>
					<li class="on">订单</li>
					<li>WFY</li>
				</ul>
			</div>
			<div class="assets-content">
				<div class="assets-num assets-order-num">
					<div class="assets-num-img"><img src="images/banner.png"></div>
					<div class="assets-time"><span></span>排单剩余时间：9天20小时14分</div>
					<div class="assets-num-list">
						<ul>
							<li>
								<a href="##">
									<img src="images/buy.png">
									<span>买入<i></i></span>
								</a>
							</li>
							<li>
								<a href="##">
									<img src="images/paimai.png">
									<span>卖出<i></i></span>
								</a>
							</li>
							<li>
								<a href="##">
									<img src="images/detail.png">
									<span>订单明细</span>
								</a>
							</li>
							<li>
								<a href="##">
									<img src="images/order.png">
									<span>结算订单</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="assets-order assets-order-num">
					<div class="mar9"></div>
					<div class="assets-order-content">
						<div class="assets-order-title">
							平台已释放WFY11303
						</div>
						<ul>
							<li>
								<a href="##">
									<div>冻结WFY</div>
									<p>29988697</p>
								</a>
							</li>
							<li>
								<a href="##">
									<div>总共WFY</div>
									<p>29988697</p>
								</a>
							</li>
							<li>
								<a href="##">
									<div>当前价格</div>
									<p>0.02USDT</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="mar15"></div>
					<div class="assets-order-money">
						<div class="assets-order-title">
							个人资产WFY：11303
						</div>
						<ul>
							<li>
								<a href="##">充币</a>
							</li>
							<li>
								<a href="##">提币</a>
							</li>
							<li>
								<a href="##">转账</a>
							</li>
						</ul>
					</div>
					<div class="assets-order-record">
						<div class="head-title">
							<span>交易记录</span>
						</div>
						<ul class="assets-record-list">
							<li>
								<a href="##">
									<img src="images/income.png">
									<div class="assets-list-content">
										<div class="assets-list-top">
											<span class="assets-list-num flt">+1000.00</span>
											<span class="assets-list-time frt">2018-05-28</span>
										</div>
										<div class="assets-list-bottom">
											<p class="ellipsis">交易详细内容详细内容详细内容</p>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="##">
									<img src="images/spend.png">
									<div class="assets-list-content">
										<div class="assets-list-top">
											<span class="assets-list-num flt">+1000.00</span>
											<span class="assets-list-time frt">2018-05-28</span>
										</div>
										<div class="assets-list-bottom">
											<p class="ellipsis">交易详细内容详细内容详细内容</p>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="##">
									<img src="images/income.png">
									<div class="assets-list-content">
										<div class="assets-list-top">
											<span class="assets-list-num flt">+1000.00</span>
											<span class="assets-list-time frt">2018-05-28</span>
										</div>
										<div class="assets-list-bottom">
											<p class="ellipsis">交易详细内容详细内容详细内容</p>
										</div>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="foot">
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-index"></div>
				<div class="tab-list-text">首页</div>
			</a>
		</div>
		<div class="tab-list tab-list-on">
			<a href="##">
				<div class="tab-list-img tab-list-assets"></div>
				<div class="tab-list-text">资产</div>
			</a>
		</div>
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-shop"></div>
				<div class="tab-list-text">商城</div>
			</a>
		</div>
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-ad"></div>
				<div class="tab-list-text">广告</div>
			</a>
		</div>
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-my"></div>
				<div class="tab-list-text">我的</div>
			</a>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/tab.js"></script>
	<!-- <script type="text/javascript" src="js/common.js"></script> -->
	<script type="text/javascript">
		$(".assets-tab li").click(function(){
		$(this).addClass("on").siblings().removeClass("on")
		var index = $(".assets-tab li").index(this);
		console.log(index)
		$(".assets-content div.assets-order-num").eq(index).show().siblings().hide();
	})
	</script>
</body>
</html>